<html>
<head>
    <title>Using requestAnimationFrame()</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
        body {
            background: #dddddd;
        }

        #canvas {
            background: #ffffff;
            cursor: pointer;
            margin-left: 10px;
            margin-top: 10px;
            -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
            -moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
            box-shadow: 3px 3px 6px rgba(0,0,0,0.5);
        }

        #controls {
            margin-top: 10px;
            margin-left: 15px;
        }
    </style>
</head>

<body>
<div>
<button id="start">开始</button>
<button id="init">还原</button>
</div>
<canvas id='canvas' width='700' height='700'>
    Canvas not supported
</canvas>
<script src='dist/requestNextAnimationFrame.js'></script>
<script src='dist/anim.js'></script>
</body>
</html>